*{
    margin: 0;
    padding: 0;
}
body{
    color: #333;
    font-size: 12px;
}
a{
    text-decoration: none;
}
em{
    font-style: normal;
}
#container1{
    width: 100%;
    height: 100%;
}
#container1 .top_bar{
    width: 100%;
    min-width: 1200px;
    background-color: #f1f1f1;
}
.left{
    float: left;
}
.right{
    float: right;
}
/* 导航1 */
.top_content{
    width: 1200px;
    margin: 0 auto;
}
.top_content ul li{
    border: 1px solid transparent;
    position: relative;
    z-index: 9999;
}
.top_content ul li a{
    padding: 0 12px;
    color: #525252;
    font-size: 12px;
    line-height: 29px;
    border-right: 1px solid #d9d9d9;
}
.top_content ul.top_content_l li:nth-of-type(2n) a{
    border-right: none;
}
.top_content ul li a i{
    color: #dc2a49;
    font-size: 15px;
    margin-right: 3px;
    display: inline-block;
    height: 16px;
    line-height: 14px;
}
.top_content ul li a span{
    color: #a1a0a7;
    font-size: 13px;
    margin-left: 2px;
    display: inline-block;
    line-height: 14px;
}
.top_content ul.top_content_l{
    float: left;
}
.top_content ul.top_content_r{
    float: right;
}
.top_content_l li{
    float: left;
}
.top_content_r li{
    float: left;
}
/* 下拉框 */
.top_drowdown{
    display: none;
    border: 1px solid #d9d9d9;
    border-top-color: transparent;
    background-color: white;
    position: absolute;
    top: 28px;
    left: -1px;
}
.top_drowdown1 .top_drowdown_top{
    text-align: center;
    width: 122px;
    height: 145px;
    border-bottom: 1px solid #e0e0e0;
    padding: 16px 14px;
    color: #666;
    line-height: 35px;
}
.top_drowdown1 .top_drowdown_top img{
    width: 122px;
    height: 122px;
}
.top_content ul li.top_hover:hover{
    border: 1px solid #d9d9d9;
    border-bottom-color: transparent;
    background-color: white;
}
.top_content ul li:hover a{
    color: #f60;
    border-right-color: transparent;
}
.top_content ul li:hover a span{
   transform: rotate(180deg);
}
.top_content ul.top_content_l li.cursor:hover a{
    color: #525252;
    cursor: text;
}
.top_content ul li.top_drowdown1_box:hover .top_drowdown1{
    display: block;
}
.top_content ul li.top_drowdown2_box:hover .top_drowdown2{
    display: block;
}
.top_content ul li.top_drowdown3_box:hover .top_drowdown3{
    display: block;
}
.top_content ul li.top_drowdown3_box .top_drowdown3 .collect_info p:hover{
    color: #f60;
}
.top_content ul li.top_drowdown4_box:hover .top_drowdown4{
    display: block;
}
.top_content ul li.top_drowdown4_box .top_drowdown4 .collect1_info p:hover{
    color: #f60;
}
.top_drowdown2{
    width: 100%;
}
.top_drowdown2 p{
    line-height: 29px;
    text-align: center;
    color: #888;
    font-size: 12px;
}
.top_drowdown2 p:hover{
    color: #f60;
    cursor: pointer;
}
.top_drowdown3{
    display: none;
    width: 145px;
    padding: 0 15px;
    text-align: left;
    position: absolute;
    border: 1px solid #d9d9d9;
    background-color: white;
    border-top-color: transparent;
    left: -1px;
}
.top_drowdown3 p.collect,.top_drowdown4 p.collect1{
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
}
.top_drowdown3 .collect_info p,.top_drowdown4 .collect1_info p{
    line-height: 24px;
    font-size: 12px;
    color: #707070;
    cursor: pointer;
}
.top_drowdown4{
    display: none;
    width: 276px;
    padding: 0 15px;
    position: absolute;
    right: -1px;
    border: 1px solid #d9d9d9;
    background-color: white;
    border-top-color: transparent;
    text-align: left;
}
/* 导航2 */
.top_nav{
    width: 100%;
    min-width: 1200px;
    padding: 10px 0;
    background-color: white;
}
.nav_header{
    width: 1200px;
    margin: 0 auto;
}
.pic1{
    margin-top: 12px;
    width: 208px;
    height: 80px;
}
.pic1 img{
    width: 100%;
    height: 100%;
}
.pic2{
    margin-top: 12px;
    padding: 15px 30px 15px 20px;
    width: 210px;
    height: 50px;
}
.pic2 img{
    width: 100%;
    height: 100%;
}
.pic3 p{
    color: #515151;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
}
.pic3 .pic3_pic{
    width: 68px;
    height: 68px;
    padding: 5px;
    border: 1px solid #e0e0e0;
}
.pic3 .pic3_pic img{
    width: 100%;
    height: 100%;
}
.input_l{
    width: 600px;
    height: 44px;
    padding: 30px 0;
    position: relative;
}
.input_l input{
    width: 363px;
    height: 40px;
    border: 2px #ed4c4e solid;
    background-color: #fff;
    padding-left: 105px;
}
.left_input{
    position: absolute;
    top: 33px;
    left: 0;
    width: 68px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #666;
    border-right: 1px solid #f0f0f0;
}
.left_input a{
    font-size: 12px;
    color: #666;
    line-height: 40px;
}
.left_input a i.down_product{
    margin-left: 25px;
    font-size: 13px;
    color: #818181;
}
.search_r{
    text-align: center;
    display: block;
    position: absolute;
    top: 33px;
    right: 130px;
    line-height: 40px;
    font-size: 25px;
    color: white;
    width: 56px;
    height: 40px;
    background-color: #ed4c4e;
}
.input_l button{
    background-color: white;
    border: 1px #ddd solid;
    width: 116px;
    height: 43px;
    line-height: 40px;
    text-align: center;
    color: #757575;
    font-size: 14px;
}
.input_l button:hover{
    background-color: #f2f2f2;
}
.input_l button i{
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
    font-size: 22px;
}
.input_dropdown{
    display: none;
    position: absolute;
    z-index: 60;
    top: 40px;
    left: 2px;
    width: 85px;
    text-align: center;
    background-color: white;
    border: 1px solid #f0f0f0;
    border-top-color: transparent;
}
.input_dropdown a{
    padding: 0 15px 0 10px;
}
.input_dropdown a i{
    padding-right: 7px;
}
.left_input:hover .input_dropdown{
    display: block;
}
.left_input .input_dropdown a:hover{
    color: #ed4c4e;
}
.left_input a:hover i.down_product{
    display: inline-block;
    transform: rotate(180deg);
}
/* 导航隐藏 */
.bottom_nav{
    display: none;
    width: 100%;
    min-width: 1200px;
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    box-shadow: 0 5px 4px -1px #d0d0d0;
}
.bottom_nav_header{
    width: 1200px;
    height: 52px;
    margin: 0 auto;
}
.lef_pic{
    margin: 6px 135px 0 0;
}
.lef_inp{
    position: relative;
}
.lef_inp input{
    border: 2px solid #db2242;
    width: 608px;
    height: 33px;
    margin-top: 8px;
    padding-left: 30px;
}
.lef_inp i{
    font-size: 18px;
    position: absolute;
    top: 18px;
    left: 8px;
    color: #aaa;
}
.lef_inp a{
    display: block;
    width: 68px;
    height: 33px;
    background-color: #db2242;
    position: absolute;
    top: 10px;
    right: 2px;
    color: white;
    text-align: center;
    line-height: 33px;
}
.rig_pic p{
    font-size: 14px;
    line-height: 52px;
    color: #909090;
}
.rig_pic .rig_service{
    padding-right: 5px;
    font-size: 16px;
    line-height: 52px;
    color: #909090;
}
.rig_pic span{
    color: #d13d58;
    font-size: 16px;
}
.rig_pic .sprite{
    display: inline-block;
    vertical-align: middle;
    background-image: url("./images/精灵图.png");
    width: 28px;
    height: 28px;
    background-position: 0 -255px;
    margin-left: 10px;
    cursor: pointer;
}
/* 轮播图导航 */
.navwrap{
    width: 100%;
    min-width: 1200px;
    background-color: white;
}
.nav_main{
    width: 1200px;
    margin: 0 auto;
}
.nav_main > ul > li{
    float: left;
    width: 100px;
    height: 40px;
    text-align: center;
    font-size: 14px;
}
.nav_main > ul > li a{
    font-size: 14px;
    color: #333;
    line-height: 40px;
    position: relative;
}
.nav_main > ul > li a:hover{
    color: #e02445;
}
.nav_main > ul > li.main_hot a::after{
    background-image: url("./images/hot.png");
    background-size: 100% 100%;
    content: ' ';
    display: block;
    width: 32px;
    height: 15px;
    position: absolute;
    top: -16px;
    right: -19px;
    animation: motion 0.6s infinite linear;
}
@keyframes motion{
    0%{
        top: -16px;
    }
    50%{
        top: -19px;
    }
    100%{
        top: -16px;
    }
}
.nav_main > ul > li:nth-of-type(1){
    line-height: 40px;
    width: 180px;
    text-align: left;
    color: #fff;
    padding-left: 20px;
    background: linear-gradient(to right, #f36d58,#e83146);
}
.nav_main > ul > li:nth-of-type(1) i{
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
}
/* 轮播 */
.banner_top{
    width: 100%;
    min-width: 1200px;
    background-image: url("./images/bg1.jpg");
    height: 510px;
}
.wrap_top{
    width: 1200px;
    margin: 0 auto;
}
.category_nav{
    width: 200px;
    height: 478px;
    background-color: white;
    box-shadow: 5px 0 5px 0px #de7480;
    position: relative;
    padding-top: 12px;
}
.category_nav ul li{
    width: 200px;
    height: 32px;
    font-size: 14px;
    padding: 7px 0;
}
.category_nav ul li:hover > a{
    background-color: #f4f4f4;
}
.category_nav ul li:hover .category_nav_down{
    display: block;
}
.category_nav ul li:hover .category_nav_info{
    animation: yichu 0.8s linear;
}
@keyframes yichu{
    0%{
        width: 0;
    }
    8%{
        width: 100px;
    }
    15%{
        width: 200px;
    }
    30%{
        width: 300px;
    }
    45%{
        width: 400px;
    }
    60%{
        width: 500px;
    }
    750%{
        width: 600px;
    }
    100%{
        width: 732px;
    }
}
.category_nav ul li a.nav_a{
    display: block;
    padding: 0 10px 0 16px;
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    color: #484848;
}
.category_nav ul li a.nav_a i{
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    font-size: 16px;
}
.category_center{
    width: 740px;
    height: 480px;
    padding-top: 10px;
    margin: 0 10px;
}
.center_top{
    position: relative;
    width: 740px;
    height: 305px;
    background: #fff;
}
.center_bottom{
    width: 740px;
    height: 165px;
    margin-top: 10px;
    background: #fff;
}
.category_r{
    width: 240px;
    height: 480px;
    padding-top: 10px;
}
.logo_top{
    width: 240px;
    height: 68px;
    background-color: white;
    padding: 15px 0;
}
.logo_bottom{
    text-align: center;
    width: 240px;
    height: 32px;
    background-color: white;
}
.r_center{
    width: 240px;
    height: 158px;
    border-top: 1px solid #fff;
    padding-top: 17px;
    background-color: white;
}
.r_center_top{
    width: 210px;
    height: 29px;
    border-bottom: 1px solid #dcdcdc;
    margin: 0 15px;
}
.r_center_bottom{
    width: 210px;
    /* height: 118px; */
    padding: 5px 10px 0 15px;
}
.r_bottom{
    width: 240px;
    height: 145px;
    background-color: white;
    margin-top: 10px;
    padding-top: 20px;
    position: relative;
}
.center_bottom a{
    display: block;
    width: 184px;
    height: 165px;
    border-right: 1px solid #f5f5f5;
    float: left;
    position: relative;
    overflow: hidden;
}
.center_bottom a:hover img{
    transform: scale(1.1);
    transition: transform 0.3s;
}
.c_bottom_pic{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 105px;
    left: 0;
}
.c_bottom_pic h4{
    font-size: 14px;
    color: #4d4d4d;
    font-weight: normal;
    line-height: 22px;
}
.c_bottom_pic span{
    font-size: 12px;
    color: #ff7e20;
    line-height: 24px;
}
/* 导航栏左移入 */
.category_nav_down{
    display: none;
    position: absolute;
    z-index: 300;
    top: 0;
    left: 199px;
    width: 1000px;
    height: 490px;
    background-color: white;
}
.category_nav_info{
    overflow: hidden;
    width: 732px;
    height: 468px;
    padding: 10px 20px;
    float: left;
    background: #fff;
    border: 1px solid #e6e2e7;
}
.category_nav_info dl{
    width: 732px;
    line-height: 1.6;
    overflow: hidden;
    font-size: 12px;
    border-bottom: 1px solid #e7e7e8;
    padding: 10px 0;
}
.category_nav_info dl dt{
    overflow: hidden;
    width: 98px;
    border-left: 3px solid #db2242;
    color: #595959;
    height: 14px;
    line-height: 14px;
    padding-left: 5px;
    margin: 4px 0;
    font-weight: bold;
}
.category_nav_info dl dt i{
    overflow: hidden;
    padding-left: 5px;
    font-size: 13px;
    color: #707271;
    font-weight: normal;
}
.category_nav_info dl dd a{
    overflow: hidden;
    display: inline-block;
    padding: 0 8px;
    margin: 4px 0;
    line-height: 14px;
    height: 16px;
    border-right: 1px solid #e0e0e0;
    color: #737373;
}
.category_nav_info dl dd a:hover{
    color: #f36600;
}
.category_nav_info dl dd a.hover_info{
    color: #f36600;
}
.category_nav_pic{
    width: 226px;
    height: 488px;
    float: left;
    background: #fff;
    position: relative;
}
.category_nav_pic_box{
    width: 226px;
    padding: 20px 0 23px 0;
}
.category_nav_pic_box a{
    float: left;
    margin: 12px 0 0 8px;
    display: block;
    width: 102px;
    height: 42px;
}
.category_nav_pic_box a img{
    width: 100px;
    height: 40px;
    border: 1px solid transparent;
}
.category_nav_pic_box a:hover img{
    border: 1px solid #e26d81;
}
.category_nav_pic_b{
    position: absolute;
    bottom: 0;
    right: 0;
    height: 216px;
    border-top: 1px solid #eaeaea;
    display: inline-block;
}
/* 轮播图右 */
.logo_top_pic{
    width: 68px;
    height: 68px;
    margin-left: 23px;
}
.logo_top_pic img{
    width: 66px;
    height: 66px;
    border: 1px solid #eee;
    background: #f6f8fa;
    border-radius: 50%;
}
.logo_top_name{
    width: 134px;
    height: 52px;
    padding: 8px 0 8px 15px;
    line-height: 26px;
    font-size: 12px;
}
.logo_top_name p{
    font-weight: 400;
    font-size: 14px;
    color: #dd2c4b;
}
.logo_top_name p i{
    font-size: 16px;
    padding-right: 5px;
    color: #9a9a9a;
}
.logo_bottom a{
    text-align: center;
    display: inline-block;
    width: 93px;
    height: 30px;
    border: 1px solid #e02445;
    margin: 0 5px;
    border-radius: 3px;
    color: #db2242;
    line-height: 30px;
}
.logo_bottom a:hover{
    color: white;
    background-color: #db2242;
    transition: all 0.6s;
}
.logo_bottom a i{
    margin-right: 5px;
}
#container1 .r_center .layui-tab-card{
    border: none;
    box-shadow: none;
}
#container1 .r_center .layui-tab-title{
    border-bottom-color: #9a9a9a;
    background-color: white;
}
#container1 .r_center .layui-tab-title .layui-this::after{
    border: none;
}
#container1 .r_center .layui-tab-title .layui-this{
    line-height: 29px;
    border-bottom:2px solid #db2242;
    color: #db2242;
}
#container1 .r_center .layui-tab-title li{
    float: left;
    font-size: 12px;
    color: #4b4b4b;
    padding: 0 5px;
    line-height: 30px;
    min-width: 0;
    border-bottom:1px solid transparent;
}
#container1 .r_center .layui-tab-content p{
    height: 28px;
    line-height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#container1 .r_center .layui-tab-content p a{
    font-size: 12px;
    color: #333;
}
#container1 .r_center .layui-tab-content p a:hover{
    color: #db2242;
}
#container1 .r_center .layui-tab-content p a:hover em{
    color: #db2242;
}
#container1 .r_center .layui-tab-content p a em{
    color: #a5a5a5;
    padding-right: 2px;
    font-style: normal;
}
.r_bottom .add{
    display: block;
    width: 60px;
    height: 59px;
    background-image: url("./images/精灵图.png");
    background-position: -28px -272px;
    margin: 36px 15px 25px 18px;
}
.r_bottom_info p{
    height: 48px;
    margin-bottom: 20px;
    padding-top: 5px;
    color: #8a8a8a;
    line-height: 18px;
    font-size: 12px;
}
.r_bottom_info p a{
    display: block;
    margin-top: 5px;
    color: #db2242;
    font-size: 20px;
    font-weight: 400;
}
/* .lb{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.lb.show{
    opacity: 1;
}
.lb1{
    background-image: url("./images/lb1.jpg");
} */
#container1 .carousel-indicators li{
    border-radius: 0;
}
#container1 .carousel-indicators li.active{
    border-color: red;
    background-color: #e02445;
}
/* 内容 */
.content_nav{
    width: 100%;
    min-width: 1200px;
    background-color: #efefef;
}
.content_nav_top{
    width: 1200px;
    padding-top: 20px;
    margin: 0 auto;
}
.content_top_l{
    width: 588px;
    height: 130px;
    border: 1px solid #ededed;
}
.content_top_r{
    width: 588px;
    height: 130px;
    border: 1px solid #ededed;
    margin-left: 20px;
}
.content_top_l h2{
    text-align: center;
    color: #3a3a3a;
    font-size: 16px;
    font-weight: normal;
    line-height: 42px;
    padding: 9px 0 0 20px;
    position: relative;
}
.content_top_l h2 em{
    color: #ff7031;
}
.content_top_l h2 .top_line{
    height: 0;
    line-height: 0;
    border-top: 1px solid #e4e4e4;
    position: absolute;
    width: 470px;
    top: 30px;
    right: 20px;
}
.content_top_l h2 .top_line::before{
    display: inline-block;
    content: "";
    background-color: #fff;
    left: 0;
    top: -6px;
    position: absolute;
    height: 8px;
    width: 8px;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
}
.content_top_l ul li{
    font-size: 12px;
    float: left;
    width: 100px;
    height: 15px;
    line-height: 15px;
    border-right: 1px solid #e3e3e3;
    margin: 8px 0;
    padding-left: 14px;
}
.content_top_l ul li a{
    display: block;
    padding: 0 2px;
    transition: all .3s;
    color: #4d4d4d;
    overflow: hidden;
    white-space: nowrap;
}
.content_top_l ul li a:hover{
    color: #ff7031;
}
.content_top_r ul li{
    width: 170px;
    padding: 0 10px;
}
.contetn_bottom_info{
    width: 1200px;
    margin: 0 auto;
}
.contetn_pic{
    margin-top: 20px;
}
.contetn_floor{
    position: relative;
}
.contetn_floor h2{
    text-align: center;
    height: 55px;
    line-height: 55px;
    color: #4c4c4c;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ededed;
    background-color: white;
}
.contetn_floor h2 em{
    color: #f53858;
    padding-right: 5px;
    font-weight: bold;
}
.icon_favor{
    background-image: url("./images/icon.png");
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: -57px 0;
    margin-right: 3px;
}
.content_floor_info{
    position: absolute;
    top: 13px;
    left: 110px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #666;
    font-size: 14px;
}
.content_floor_info a{
    color: #ff7233;
    font-size: 14px;
}
.content_floor_info a:hover{
    text-decoration: underline;
}
.content_hotwords{
    position: absolute;
    top: 13px;
    right: 3px;
    line-height: 30px;
    height: 30px;
    color: #adadad;
    font-size: 14px;
}
.content_hotwords a{
    color: #7e7e7e;
    display: inline-block;
    margin: 0 8px;
    height: 27px;
    border-bottom: 3px solid #fff;
    transition: all .3s;
}
.content_hotwords a:hover{
    color: #f53858;
    border-bottom: 3px solid #f53858;
}
.content_info_l{
    overflow: hidden;
    border-right: 1px solid #efefef;
    width: 218px;
    height: 448px;
    background-color: #f5f4f4;
    border-left: 1px solid #ededed;
    position: relative;
}
.content_info_l img{
    width: 100%;
    height: 100%;
}
.content_info_c1{
    width: 425px;
    height: 418px;
    border-right: 1px solid #efefef;
    padding: 15px 31px;
    background-color: white;
}
.content_info_c2{
    width: 262px;
    height: 448px;
}
.content_info_r{
    width: 219px;
    height: 422px;
    border-right: 1px solid #efefef;
    background-color: #f9f9f9;
    padding: 13px 0px 13px 10px;
}
.content_pic_font{
    width: 195px;
    text-align: left;
    line-height: 18px;
    position: absolute;
    top: 50px;
    left: 24px;
}
.content_pic_font h4{
    font-size: 22px;
    color: #484848;
    font-weight: bold;
    line-height: 36px;
}
.content_pic_font p{
    font-size: 12px;
    color: #646464;
    padding-top: 4px;
}
.content_pic_font span{
    display: inline-block;
    width: 76px;
    height: 21px;
    border: 1px solid #ff7200;
    text-align: center;
    line-height: 21px;
    font-size: 12px;
    color: #ff7200;
    margin-top: 6px;
}
.content_info_l a:hover img{
    transform: scale(1.04);
    transition: all 0.6s;
}
.content_info_c1 li{
    float: left;
    width: 212px;
    height: 95px;
    margin-bottom: 5px;
}
.content_info_c1 li h5{
    font-weight: bold;
    font-size: 16px;
    color: #fe500b;
    line-height: 40px;
    margin-bottom: 5px;
}
.content_info_c1 li a{
    display: inline-block;
    color: #525252;
    height: 22px;
    transition: all .3s;
    line-height: 22px;
    margin-right: 17px;
    font-size: 12px;
}
.content_info_c1 li a:hover{
    color: #fe500b;
}
.content_info_c2 li{
    overflow: hidden;
    float: left;
    border-right: 1px solid #eee;
    width: 130px;
    height: 185px;
    border-bottom: 1px solid #eee;
    position: relative;
}
.content_info_c2 li img{
    width: 100%;
    height: 100%;
}
.content_info_c2 li.content_info_c2_pic{
    width: 261px;
    height: 262px;
    border-bottom: none;
}
.content_info_c2_font{
    width: 130px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 0;
}
li.content_info_c2_pic .content_info_c2_font{
    width: 262px;
    top: 25px;
}
.content_info_c2_font h4{
    font-size: 14px;
    color: #4d4d4d;
    font-weight: normal;
    line-height: 22px;
}
.content_info_c2_font span{
    display: inline-block;
    height: 22px;
    border: 1px solid white;
    font-size: 12px;
    line-height: 22px;
    color: #8a8a8a;
    padding: 0 10px;
}
.content_info_c2 li:hover img{
    transform: scale(1.1);
    transition: all 0.6s;
}
.content_info_c2 li:hover span{
    border-color: #ff7200;
    color: #ff7200;
    transition: all 0.6s;
}
.content_info_r h3{
    width: 206px;
    height: 25px;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px;
    font-weight: bold;
}
.content_info_r h3 a{
    font-size: 14px;
    color: #333;
    line-height: 25px;
}
.content_info_r h3 a:hover{
    color: #db2242;
    transition: all 0.6s;
}
.info_r_list{
    line-height: 24px;
    color: #6e6e6e;
    margin-bottom: 10px;
    width: 206px;
    padding-right: 10px;
}
.info_r_list span {
    background-color: #ededed;
    padding: 0 5px;
    display: inline-block;
    margin-right: 6px;
    color: #4b4b4b;
}
.info_company_list{
    width: 206px;
    height: 192px;
    background-image: url("./images/精灵图.png");
    background-position: -296px -247px;
    background-repeat: no-repeat;
    margin: 10px 0 5px 0;
}
.info_company_list li{
    width: 181px;
    height: 32px;
    line-height: 32px;
    padding-left: 25px;
    overflow: hidden;
}
.info_company_list li a{
    color: #6d6d6d;
}
.info_company_list li a:hover{
    color: #fe500b;
    transition: all 0.3s;
}
.info_product_list li{
    width: 100px;
    height: 38px;
    float: left;
    margin: 0 8px 10px 0;
    overflow: hidden;
}
.info_product_list li img{
    width: 100%;
    height: 100%;
}
.info_product_list li a:hover img{
    transform: scale(1.04);
    transition: all 0.3s;
}
.left_fixed{
    text-align: center;
    width: 34px;
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    margin: -180px 0 0 -660px;
}
.left_fixed li.left_fixed_nav{
    height: 31px;
    line-height: 1.1;
    padding-top: 4px;
    background-color: #fff;
    color: #828282;
    cursor: default;
}
.left_fixed li{
    height: 35px;
    border-bottom: 1px solid #ddd;
    background-color: #fafafa;
    position: relative;
}
.left_fixed li a{
    display: block;
    background-color: white;
    color: #828282;
}
#navbar-example .nav li.active a {
    color: #ff7e45;
}
.left_fixed li a:hover{
    color: #ff7e45;
}
.left_fixed li.information a{
    height: 32px;
    padding-top: 4px;
    line-height: 30px;
    background-color: #ff7e45;
}
.left_fixed li.information a{
    color: white;
}
/* 底部上边 */
.linkwrap_box{
    width: 100%;
    min-width: 1200px;
    background-color: #f7f7f7;
    padding: 10px 0;
    margin-bottom: -20px;
}
.linkwrap_info{
    width: 1200px;
    margin: 0 auto;
}
.linkwrap_top{
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eaeaea;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.linkwrap_top em{
    padding-left: 10px;
    color: #db2242;
}
.linkwrap_bottom{
    padding: 15px;
}
.linkwrap_bottom a{
    color: #666;
    margin: 0 8px;
    display: inline-block;
    line-height: 25px;
}
.linkwrap_bottom a:hover{
    color: #db2242;
}
.footer_box{
    width: 100%;
    min-width: 1200px;
    background-color: #1b1b1b;
    padding: 40px 0;
    margin-top: 20px;
}
.footer_info{
    width: 1200px;
    margin: 0 auto;
}
.footer_info_top{
    padding-bottom: 40px;
}
.footer_info_logo{
    display: inline-block;
    vertical-align: top;
    margin-right: 80px;
    line-height: 26px;
}
.footer_info_logo a{
    display: block;
    width: 156px;
    height: 60px;
}
.footer_info_logo p.footer_tel{
    font-size: 20px;
    padding-top: 20px;
    color: #fff;
}
.footer_info_logo p.footer_tel i{
    font-size: 16px;
    margin-right: 8px;
    color: #a0a0a0;
}
.footer_info_logo p.footer_date{
    color: #6e6e6e;
}
.footer_info_c{
    margin-right: 110px;
    display: inline-block;
    vertical-align: top;
    line-height: 26px;
}
.footer_info_c h4.footer_info_c_title{
    width: 130px;
    font-size: 16px;
    color: #ddd;
    font-weight: normal;
    border-bottom: 1px #2f2f2f solid;
    padding-bottom: 12px;
    margin-bottom: 8px;
}
.footer_info_c ul li a{
    color: #a0a0a0;
}
.footer_info_c ul li a:hover{
    color: #e02445;
    transform: translateY(-1px);
}
.footer_info_pic{
    display: inline-block;
    vertical-align: top;
    padding: 0 0 10px 75px;
    line-height: 26px;
    border-left: 1px #2f2f2f solid;
}
.footer_info_pic h4{
    font-size: 16px;
    color: #ddd;
    font-weight: normal;
}
.footer_info_pic p.footer_info_webkit{
    color: #a0a0a0;
}
.footer_info_pic_box{
    padding-top: 12px;
    line-height: 26px;
}
.footer_info_pic_l{
    width: 76px;
    margin-right: 30px;
    text-align: center;
}
.footer_info_pic_l img,.footer_info_pic_r img{
    width: 68px;
    height: 68px;
}
.footer_info_pic_r{
    width: 76px;
    text-align: center;
}
.footer_info_pic_l p,.footer_info_pic_r p{
    color: #a0a0a0;
    padding-top: 3px;
}
.footer_info_bottom{
    text-align: center;
    line-height: 36px;
    color: #6e6e6e;
}
.footer_sort{
    padding-bottom: 5px;
}
.footer_sort a{
    color: #6e6e6e;
    font-weight: 400;
    padding: 0px 13px;
    border-right: 1px solid #6e6e6e;
}
.footer_sort a:hover{
    color: #e02445;
    transform: translateY(-1px);
}
.footer_sort a:last-of-type{
    border-right: none;
}
.footer_sort_line{
    height: 1px;
    background-color: #292929;
    margin-bottom: 5px;
}
.footer_info_bottom_nav{
    height: 24px;
    line-height: 24px;
    padding-top: 6px;
}
.footer_info_bottom_nav a{
    color: #6e6e6e;
    padding: 0 12px;
    border-right: 2px solid #6e6e6e;
}
.footer_info_bottom_nav a:hover{
    color: #e02445;
    transform: translateY(-1px);
}
.footer_info_bottom_nav a.footer_border{
    border-right: none;
}
.footer_info_bottom_nav a.footer_ico{
    margin-left: 15px;
}
.footer_info_bottom_nav a.footer_ico i{
    background-image: url("./images/精灵图.png");
    vertical-align: middle;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.footer_info_bottom_nav a.footer_ico i.qq{
    background-position: 0 0;
}
.footer_info_bottom_nav a.footer_ico i.wb{
    background-position: 0 -18px;
}
.footer_info_bottom_copy .footer_bianhao a{
    color: #333;
}
.footer_info_bottom_copy .footer_beian{
    color: #424242;
    margin-left: 3px;
}
.footer_friend{
    height: 31px;
    padding-top: 10px;
}
.footer_friend i{
    display: inline-block;
    height: 31px;
    background-image: url("./images/footer精灵图.png");
    margin-right: 2px;
    opacity: 0.6;
}
.footer_friend i.footer_friend_1{
    width: 88px;
    background-position: 0 0;
}
.footer_friend i.footer_friend_2{
    width: 87px;
    background-position: -92px 0;
}
.footer_friend i.footer_friend_3{
    width: 87px;
    background-position: -182px 0;
}
.footer_friend i.footer_friend_4{
    width: 107px;
    background-position: -272px 0;
}
.footer_friend i.footer_friend_5{
    width: 88px;
    background-position: -383px 0;
}
.footer_friend i.footer_friend_6{
    width: 95px;
    background-position: -474px 0;
}
.footer_friend i:hover{
    opacity: 1;
}
.footer_friend_r:hover{
    opacity: 1;
}
.footer_friend_r{
    display: inline-block;
    width: 88px;
    height: 31px;
    background-image: url("./images/电子营业执照.png");
    margin-right: 2px;
    opacity: 0.6;
}
.right_fixed{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    width: 38px;
    height: 100%;
}
.right_fixed_info{
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 100%;
    border-right: 6px solid #ddd;
}
.right_fixed_top{
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}
.right_fixed_top li{
    text-align: center;
    position: relative;
    margin-bottom: 1px;
}
.right_fixed_ico{
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background-color: #ddd;
    font-size: 20px;
}
.right_introduct,.right_introduct_top{
    display: none;
    text-align: center;
    position: absolute;
    top: 0;
    right: 38px;
    width: 62px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-weight: 400;
    background-color: #ddd;
    border-radius: 3px 0px 0px 3px;
}
.right_fixed_top .right_introduct_pic{
    top: -116px;
    width: 124px;
    height: 140px;
    line-height: 35px;
    padding-top: 14px;
    text-align: center;
}
.right_fixed_top li a{
    display: inline-block;
}
.right_fixed_top li:hover .right_introduct{
    display: block;
}
.right_fixed_top li:hover .right_fixed_ico{
    background-color: #e02445;
    color: white;
}
.right_fixed_top li:hover .right_introduct{
    background-color: #e02445;
}
.right_fixed_bottom{
    text-align: center;
    position: absolute;
    bottom: 20px;
}
.right_fixed_bottom .right_fixed_ico{
    display: block;
    background-color: #ddd;
    font-size: 30px;
    width: 38px;
}
.right_fixed_bottom:hover .right_introduct_top{
    display: block;
    background-color: #e02445;
    color: white;
}
.right_fixed_bottom:hover .right_fixed_ico{
    background-color: #e02445;
    color: white;
}